<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/mytag.jspf"%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>会员详情</title>
<script type="text/javascript">
var url= window.location.href;
	$("#service_record_btn").on("click",function(){
		if(url.indexOf('isIframe') != -1){
			window.parent.serviceRecord();
		}else{
			window.location.href="${ctx}/weixin/employee/serviceRecord/${vip.vipId}";
		}
	});
	if(url.indexOf('isIframe') != -1){
		$(".detail-title").remove();
	}
</script>
</head>
<body>
	<h4 class="app-title-secondary detail-title">会员详情</h4>
	<div class="am-g am-padding-vertical-sm">
		<div class="am-u-sm-5 am-text-center">
			<img src="${vip.photo}" onerror="this.src='assets/img/avatar.png'" style="width:100%;height:auto">
		</div>
		<div class="am-u-sm-7 am-text-sm">
			<span class="am-block am-cf"><span class="am-fl">姓名：${vip.name}</span><span class="am-fr"><span class="<c:if test='${vip.isStar==\"YES\"}'>am-icon-star</c:if> am-text-blue"></span>${vip.category}</span></span>
			<span class="am-block">性别：${vip.sex}</span>
			<span class="am-block">生日：<fmt:formatDate value='${vip.birthday}' type="date" pattern="yyyy/MM/dd"/><br></span>
			<span class="am-block">手机号码：${vip.phoneNo}</span>
		</div>
	</div>
	<h4 class="app-title-secondary">发质</h4>
	<ul class="am-list am-list-static am-padding-left-sm am-margin-0">
		<li>自然状况：${vip.hairNatureState}</li>
		<li>健康状况：${vip.hairHealthState}</li>
		<li>${hair.mdseCategoryName}：${hair.mdseName}</li>
	</ul>
	<h4 class="app-title-secondary">头皮</h4>
	<ul class="am-list am-list-static am-padding-left-sm am-margin-0">
		<li>性质：${vip.scalpState}</li>
		<li><ul class="am-avg-sm-2 am-text-sm"><li>头屑：${vip.scurfState}</li><li>炎症：${vip.scalpInflammationState}</li></ul></li>
		<li>${scalp.mdseCategoryName}：${scalp.mdseName}</li>
	</ul>
	<a href="javascript:void(0)" id="service_record_btn" class="am-text-white"><h4 class="app-title">服务记录<span class="am-fr am-icon-angle-right"></span></h4></a>
</body>
</html>
